$subtextcolor: #fff;
$textcolor: #fff;

.text-color{
  color: #fff !important;
}
.huxi{
    animation: breath 4s ease-in-out infinite;
    transform-origin: center;
}
@keyframes breath {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.85);
  }
}

.text-gray{
	color: gray !important;
}
.text-blue{
	color: #1A98FF !important;
}
.text-align-center{
	text-align: center !important;
}
.relative{
  position: relative !important;
}
.bg-white{
  background: #fff !important;
}
.overflow-hidden{
  overflow: hidden !important;
}
.text-black{
  color: #000 !important;
}
.text-second{
  color: rgb(153, 153, 153)  !important;
}
.text-regular{
  font-family: 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;
  color:rgb(102, 102, 102)
}
.position-absolute{
  position: absolute;
}
.position-relative{
  position: relative;
}
.error-text-color{
  color: #EF4949 !important;
}
.text-white-color{
  color: #fff !important;
}
.notice-color{
  color:  #717171 !important;
}
.yellow-color{
  color:  #ffff00 !important;
}
.white-space-nowrap{
  white-space:  nowrap !important;
}
.sub-text-color{
  color: #B4B4B4 !important;
}
.border-t-s{
  border-top: 2rpx rgba(0, 0, 0, 0.05) solid !important;
}
.border-b-s{
  border-bottom: 2rpx rgba(0, 0, 0, 0.05) solid !important;
}

.border-gray{
  border: 2rpx rgba(0, 0, 0, 0.2) solid !important;
}
.flex{
  display: flex !important;
}
.flex-col{
  flex-direction: column !important;
}
.font-bold{
  font-weight: bold !important;
}
.items-center{
  align-items: center !important;
}
.justify-between{
  justify-content: space-between  !important;
}
.justify-center{
  justify-content: center  !important;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.main-no-list{
  display: flex;
  justify-content: center;
  margin-top: 290rpx;
}
@for $i from 1 through 10 {
  .ellipsis-#{$i} {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: #{$i} !important;
    -webkit-box-orient: vertical;
  }
}

@for $i from 400 through 900 {
  .f-w-#{$i} {
    font-weight: #{$i} !important;
  }
}
@for $i from 0 through 100 {
  .w-#{$i}-p {
    width: #{$i}'%' !important;
  }
  .h-#{$i}-p {
    height: #{$i}'%' !important;
  }
}
//内外边距
@for $i from 0 through 750 {
  .z-#{$i} {
    z-index: #{$i} !important;
  }
  .m-t-#{$i} {
    margin-top: #{$i}rpx !important;
  }
  .m-r-#{$i} {
    margin-right: #{$i}rpx !important;
  }
  .m-b-#{$i} {
    margin-bottom: #{$i}rpx !important;
  }
  .m-l-#{$i} {
    margin-left: #{$i}rpx !important;
  }
  .p-#{$i} {
    padding: #{$i}rpx !important;
  }
  .p-t-#{$i} {
    padding-top: #{$i}rpx !important;
  }
  .p-r-#{$i} {
    padding-right: #{$i}rpx !important;
  }
  .p-b-#{$i} {
    padding-bottom: #{$i}rpx !important;
  }
  .p-l-#{$i} {
    padding-left: #{$i}rpx !important;
  }
  .w-#{$i} {
    width: #{$i}rpx !important;
  }
  .h-#{$i} {
    height: #{$i}rpx !important;
  }
  .r-#{$i} {
    right: #{$i}rpx !important;
  }
  .l-#{$i} {
    left: #{$i}rpx !important;
  }
  .t-#{$i} {
    top: #{$i}rpx !important;
  }
  .b-#{$i} {
    bottom: #{$i}rpx !important;
  }
}
//内外边距
@for $i from 1 through 100 {
  .pl-#{$i} {
    padding-left: #{$i}rpx !important;
  }
  .px-#{$i} {
    padding-left: #{$i}rpx !important;
	 padding-right: #{$i}rpx !important;
  }
  .py-#{$i} {
    padding-top:#{$i}rpx !important;
	padding-bottom:#{$i}rpx !important;
  }
  .pr-#{$i} {
    padding-right: #{$i}rpx !important;
  }

  .pb-#{$i} {
    padding-bottom: #{$i}rpx !important;
  }
  .pt-#{$i} {
    padding-top: #{$i}rpx !important;
  }
  .ml-#{$i} {
    margin-left: #{$i}rpx !important;
  }
  .mr-#{$i} {
    margin-right: #{$i}rpx !important;
  }
  .mb-#{$i} {
    margin-bottom: #{$i}rpx !important;
  }
  .mt-#{$i} {
    margin-top: #{$i}rpx !important;
  }
  .mx-#{$i} {
    margin:0 #{$i}rpx !important;
  }
  .my-#{$i} {
    margin: #{$i}rpx 0 !important;
  }
  .br-#{$i} {
    border-radius: #{$i}rpx !important;
  }
  .rounded-#{$i} {
    border-radius: #{$i}rpx !important;
  }
  .text-#{$i} {
    font-size: #{$i}rpx !important;
  }
  .leading-#{$i} {
    line-height: #{$i}rpx !important;
    height: #{$i}rpx !important;
  }
  .lh-#{$i} {
    line-height: #{$i}rpx !important;
  }
  .m-t-#{$i}-vw {
    margin-top: #{$i}vw !important;
  }
  .m-r-#{$i}-vw {
    margin-right: #{$i}vw !important;
  }
  .m-b-#{$i}-vw {
    margin-bottom: #{$i}vw !important;
  }
  .m-l-#{$i}-vw {
    margin-left: #{$i}vw !important;
  }
  .p-t-#{$i}-vw {
    padding-top: #{$i}vw !important;
  }
  .p-r-#{$i}-vw {
    padding-right: #{$i}vw !important;
  }
  .p-b-#{$i}-vw {
    padding-bottom: #{$i}vw !important;
  }
  .p-l-#{$i}-vw {
    padding-left: #{$i}vw !important;
  }
  .w-#{$i}-vw {
    width: #{$i}vw !important;
  }
  .h-#{$i}-vw {
    height: #{$i}vw !important;
  }
  .t-#{$i}-vw {
    top: #{$i}vw !important;
  }
  .l-#{$i}-vw {
    left: #{$i}vw !important;
  }
  .r-#{$i}-vw {
    right: #{$i}vw !important;
  }
  .b-#{$i}-vw {
    bottom: #{$i}vw !important;
  }
}

//字体大小全局样式
@for $i from 10 through 50 {
  .f-s-#{$i} {
    font-size: #{$i}rpx !important;
  }
}
